@import "../../../../../../assets/styles/mixins";
@import "../../../../../../assets/styles/colors.module";

.request-message-file {
  @include flexbox(flex-start, center, row);

  .request-message-file-avatar {
    @include flexbox(center, center, row);
    width: 40px;
    height: 40px;
    border-radius: 40px;
  }

  .request-message-file-bank {
    background-color: $shade-of-green;
  }

  .request-message-file-client {
    background-color: $cyan-blue;
  }

  .request-message-file-icon {
    width: 25px;
    height: 25px;
    color: white;
  }

  .request-message-file-text {
    @include flexbox(flex-start, flex-start, column);
    .request-message-file-name {
      font-size: 16px;
    }
  }
}